<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
<style>
body,table,input,textarea,select{font-family:微软雅黑,Verdana,sans-serif,宋体;}
</style>
<!-- <link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.css" /> -->
</head>
<body>
  <nav class="navbar navbar-default navbar-fixed-top" style="background-color: rgba(248,248,248,0.8)">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand" href="#" style="color: #c9302c;font-weight: bold;">OSChina Block</a>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li><a href="#" id="menu-list">屏蔽列表</a></li>
          <li><a href="#" id="menu-about">关于</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <div class="container options-main" id="oscb-list" style="margin-top: 50px;">
    <h3>屏蔽列表</h3><br/>
    <div class="panel panel-default">
      <div class="panel-heading">
        <div class="row">
            <div class="col-xs-3">
              <div class="input-group">
                <input type="text" class="form-control" aria-label="..." id="filter-keyword" placeholder="关键字">
                <div class="input-group-btn">
                  <button type="button" class="btn btn-default" id="filter-btn">过滤</button>
                </div>
              </div>
            </div>
            <div class="col-xs-2">
              <button type="button" class="btn btn-danger" id="clear-btn">清空列表</button>
            </div>
        </div>
      </div>
      <table class="table">
        <tr>
          <th width="10%">#</th>
          <th width="20%">Date</th>
          <th width="20%">ID</th>
          <th width="30%">Name</th>
          <th width="20%">Options</th>
        </tr>

        <tbody id="oscb-list-body">
        </tbody>
      </table>
    </div>
    <nav id="oscb-pagination" style="display: none;">
      <ul class="pagination">
        <li>
          <a href="#" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
        </li>
      </ul>
    </nav>
  </div>

  <div class="container  options-main" id="oscb-about" style="margin-top: 50px;">
    <h3>关于OSChina Block</h3><br/>
    <p>
      OSChina Block是业余时间制作的一个Chrome扩展，旨在隐藏掉oschina.net上部分自己不想看到的人的留言和评论。<br/>
      当然其本身并不会修改oschina.net上的数据，只是将页面上渲染好的数据隐藏。
    </p>
    <hr/>
    <h3>意见&反馈</h3><br/>
    <p>
      由于是初版且没有进行非常完整的测试，在使用过程中发现问题或者有更好的功能建议，请戳：
    </p><br/>
    Github Issues: <a href="https://github.com/liuxey/OSChina-Block/issues" target="_blank">https://github.com/liuxey/OSChina-Block/issues</a> <br/><br/>
    Chrome Web Store: <a href="https://github.com/liuxey/OSChina-Block/issues" target="_blank" id="chrome-webstore-a"></a>
    <hr/>
  </div>

  <div class="container" style="margin-top: 50px;">
    <p class="text-muted">OSChina Block v<span id="version-span"></span> @ <a href="https://github.com/liuxey" target="_blank">github.com/liuxey</a></p>
  </div>

  <script src="../js/jquery.js"></script>
  <script src="../js/bootstrap.js"></script>
  <script src="../js/common.js"></script>
  <script src="../js/options.js"></script>
</body>
</html>
